<div class="modal fade hide" id="confirm-modal" style="display: none;">
    <div class="modal-header">
        <a data-dismiss="modal" class="close"></a>
        <h3>Add to cart</h3>
    </div>
    <div class="modal-body">
        <div class="row-fluid">
            <div class="span6">
                <img class="figure" src="" alt="Item Image" />
            </div>
            <div class="span6">
                <h5 class="name"></h5>
                <p class="description"></p>
                <p>
                    Stock:
                    <span class="stock"></span>
                </p>
                <p>
                    Price:
                    <span class="price"></span>
                </p>
                <form>
                    <input class="quantity" type="text" placeholder="How many do you want?" />
                </form>
                <div class="alert" style="display: none;">
                    <strong></strong>
                    <span></span>
                </div>
            </div>
        </div>
    </div>
    <div class="modal-footer">
        <a style="display: hidden;" href="/shop/cart" class="btn btn-info" id="modal-info">
            <i class="icon-shopping-cart icon-white"></i>
            View Cart Now
        </a>
        <a href="#" class="btn btn-primary" id="modal-confirm">Confirm</a>
        <a href="#" class="btn" id="modal-cancel">Cancel</a>
    </div>
</div>
